<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<!--xmlns:th="http://www.thymeleaf.org"-->

<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="static/js/vue.js"></script>
    <script type="text/javascript" src="static/js/index.js"></script>
    <link rel="stylesheet" href="static/css/index.css">
    <script type="text/javascript" src="static/js/axios.min.js"></script>
    <title>Document</title>
</head>


<style>
    .el-table .warning-row {
        background: rgb(126, 238, 35);
    }

    .el-table .success-row {
        background: #f0f9eb;
    }

    /*
    包裹表格div的距離外邊距的距離
    width:85% 為寬度
    margin：為左边距
    margin-top為右边距
    */

    #app {
        width: 100%;
    }
</style>

<body>
<div id="app">

    <div id="tb" v-show="show1">


        <!--mainPage-->
        <el-row class="demo-autocomplete" style=";">
            <el-col :span="6">
                客户姓名:
                <el-autocomplete
                        class="inline-input"
                        v-model="conditions.name"
                        size="small"
                        :fetch-suggestions="querySearch"
                        placeholder="请输入内容"
                        :trigger-on-focus="true"
                        @select="handleSelect">
                </el-autocomplete></el-col>
            <el-col :span="6">
                产品名称：
                <el-autocomplete
                        class="inline-input"
                        v-model="conditions.productName"
                        size="small"
                        :fetch-suggestions="querySearch"
                        placeholder="请输入内容"
                        :trigger-on-focus="true"
                        @select="handleSelect">
                </el-autocomplete>
            </el-col>

            <el-col :span="6">
                申请金额:
                <el-autocomplete
                        class="inline-input"
                        v-model="conditions.applyMoney"
                        size="small"
                        placeholder="请输入内容"
                        :trigger-on-focus="true"
                >
                </el-autocomplete>
            </el-col>

            <el-col :span="6">
                期数：
                <el-select v-model="conditions.value_02" placeholder="请选择"   size="small">
                    <el-option
                            v-for="item in options_02"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                    </el-option>
                </el-select>
            </el-col>
        </el-row>
        <br>
        <el-row>
            <el-col :span="6">
                渠道：
                <el-autocomplete
                        class="inline-input"
                        v-model="conditions.ditchAllname"
                        size="small"
                        :fetch-suggestions="querySearch"
                        placeholder="请输入内容"
                        :trigger-on-focus="true"
                        @select="handleSelect">
                </el-autocomplete>
            </el-col>
            <el-col :span="6">  申请次数:
                <el-autocomplete
                        class="inline-input"
                        v-model="conditions.count"
                        size="small"
                        :fetch-suggestions="querySearch"
                        placeholder="请输入内容"
                        :trigger-on-focus="true"
                        @select="handleSelect">
                </el-autocomplete>
            </el-col>
            <el-col :span="6">
                申请状态:
                <el-select v-model="conditions.value_01" placeholder="全部"   size="small">
                    <el-option
                            v-for="item in options_01"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                    </el-option>
                </el-select>
            </el-col>
            <el-col :span="6">
                提交时间：
                <el-input
                        placeholder="请选择日期"
                        suffix-icon="el-icon-date"
                        type="time"
                        style="width: 195px;"
                        size="small"
                        v-model="conditions.time">
                </el-input>

            </el-col>
        </el-row>
        <br/><br/>
        <el-row>
            <el-col  :span="12"></el-col>
            <el-col  :span="6">
                <el-button type="primary" icon="el-icon-search" size="small" @click="find()" >查询</el-button>
                <el-button type="primary" size="small" @click="upload()" >导出<i class="el-icon-upload el-icon--right"></i></el-button>
            </el-col>
        </el-row>
        <br/><br/>
        <!--table 模板  ：data 绑定了数据 tableData-->
        <el-row>
            <template>
                <el-table
                        :data="tableData"
                        style="width: 100%;height: 700px"
                        :row-class-name="tableRowClassName"
                        :header-cell-style="{'text-align':'center'}"
                        :cell-style="{'text-align':'center'}">
                    <el-table-column
                            type="index"
                            label="序号"
                            width="50"
                            :index='(index)=>{return (index+1) + (this.currentPage-1)*this.pageSize}'>
                    </el-table-column>
                    <el-table-column
                            prop="productName"
                            label="产品名称"
                            width="120">
                    </el-table-column>
                    <el-table-column
                            prop="name"
                            label="客户姓名"
                            width="100">
                    </el-table-column>

                    <el-table-column
                            prop="applyMoney"
                            label="申请金额"
                            width="120">
                    </el-table-column>
                    <el-table-column
                            prop="periods"
                            label="期数"
                            width="100">
                    </el-table-column>
                    <el-table-column
                            prop="status"
                            label="申请状态">
                    </el-table-column>
                    <el-table-column
                            prop="ditchAllname"
                            label="渠道名称"
                            width="120">
                    </el-table-column>
                    <el-table-column
                            prop="time"
                            label="提交时间 "
                            width="100">
                    </el-table-column>
                    <el-table-column
                            prop="count"
                            label="申请次数 "
                            width="100">
                    </el-table-column>
                    <el-table-column
                            prop="status"
                            label="申请状态 "
                            width="100">
                    </el-table-column>
                    <el-table-column
                            prop="id"
                            label="id"
                            width="50"
                            v-if= false>
                    </el-table-column>
                    <el-table-column

                            label="操作"
                            width="230"  >

                        <template slot-scope="scope">
                            <!--handleClick 为点击查看点击事件,括号内的scope.row为当前行的所有参数,要拿什么参数,直接 scope.row参数名-->
                            <el-button @click="handleClick(scope.row)" type="text" size="small">复审</el-button>
                        </template>
                    </el-table-column>
                </el-table>
                <!--Element分頁插件 有待改进-->
            </template>
        </el-row>
        <br><br>
        <el-row>
            <el-pagination
                    @size-change="handleSizeChange"
                    @current-change="handleCurrentChange"
                    :current-page="currentPage"
                    :page-sizes="[15, 30, 50, 100]"
                    :page-size="pageSize"
                    layout="total, sizes, prev, pager, next, jumper"
                    :total="currentTotal"
                    style="padding-left:550px;" >

            </el-pagination>
        </el-row>

    </div>
    <div id="check" v-if="show2">
        <el-container>
            <el-row style="background-color: silver;height: 50px;"><h4>借款审核</h4></el-row>
            <br>
            <el-row class="demo-autocomplete" style=";">
                <el-row><h4>审核状态</h4></el-row>
                <div style="width:100%;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;"></div>
                <br>
                <el-row>
                    <el-col :span="8">
                        贷款编号：<span>{{modify.applyNum}}</span>
                    </el-col>
                    <el-col :span="8">
                        当前进度：<span>{{modify.status}}</span>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        操作员：<span>{{modify.userInfo.userName}}</span>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="8">
                        初审意见：<span>{{modify.creditRecordInfo.coment}}</span>
                    </el-col>
                </el-row>
            </el-row>
            <br>
            <el-row class="demo-autocomplete" style=";">
                <br>
                <el-row style="background-color: silver;height: 50px;"><h4>申请信息</h4></el-row>
                <div style="width:100%;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;"></div>

                <br>
                <el-row class="demo-autocomplete" style=";">
                    <el-row>
                        <el-col :span="8">
                            申请产品：<el-input v-model="details.productInfo.productName" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                        </el-col>
                        <el-col :span="8">
                            贷款金额：<el-input v-model="details.applyMoney" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                        </el-col>
                        <el-col :span="8">
                            渠道：<el-input v-model="details.applyMoney" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                        </el-col>

                    </el-row>
                    <br>
                    <el-row>
                        <el-col :span="8">
                            还款方式：<el-input v-model="details.productInfo.refundType" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                        </el-col>
                        <el-col :span="8">
                            期数：<el-input v-model="details.productInfo.periods" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                        </el-col>


                        <el-col :span="8">
                            转换天数：<el-input v-model="details.applyMoney" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                        </el-col>
                    </el-row>
                    <br>
                    <el-row>

                        <el-col :span="8">
                            综合利率：<el-input v-model="details.applyMoney" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                        </el-col>
                        <el-col :span="8">
                            借款利率：<el-input v-model="details.applyMoney" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                        </el-col>
                        <el-col :span="8">
                            罚息计算方式：<el-input v-model="details.applyMoney" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                        </el-col>
                    </el-row>
                    <br>
                    <el-row>

                        <el-col :span="8">
                            居间服务费：<el-input v-model="details.applyMoney" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                        </el-col>
                    </el-row>
                </el-row>
                <br>

                <el-row class="demo-autocomplete" style=";">

                    <el-row class="demo-autocomplete" style=";">
                        <el-row><h4>借款信息</h4></el-row>
                        <div style="width:100%;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;"></div>
                        <br>
                        <el-row>
                            <el-col :span="8">
                                贷款金额：<el-input v-model="details.applyMoney" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                还款方式：<el-input v-model="details.productInfo.refundType" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                期数：<el-input v-model="details.productInfo.periods" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>

                        </el-row>
                        <br>
                        <el-row>
                            <el-col :span="8">
                                贷款用途：<el-input v-model="创业" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                还款来源：<el-input v-model="薪酬" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                还款保障：<el-input v-model="房产" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>

                        </el-row>
                        <br>
                    </el-row>

                    <el-row class="demo-autocomplete" style=";">
                        <el-row><h4>个人信息</h4></el-row>
                        <div style="width:100%;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;"></div>
                        <br>
                        <el-row>
                            <el-col :span="8">
                                电子邮箱: <el-input v-model="details.customerInfo.email" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                名族： <el-input v-model="details.customerInfo.nation" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                学历：<el-input v-model="details.customerInfo.education" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                        </el-row>
                        <br>

                        <el-row>
                            <el-col :span="8">
                                移动电话: <el-input v-model="details.customerInfo.telephone" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                婚姻状况： <el-input v-model="details.customerInfo. maritalStatus" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                健康状况：<el-input v-model="details.customerInfo.healthStatus" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                        </el-row>
                        <br>


                        <el-row>
                            <el-col :span="8">
                                户口所在地地区：<el-input v-model="details.customerInfo.areaOfAccount" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                户口所在地详细地址: <el-input v-model="details.customerInfo.detailedAccountAddress" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                户口类型:  <el-input v-model="details.customerInfo.accountType" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                        </el-row>
                        <br>

                        <el-row>
                            <el-col :span="8">
                                住址地址地区:  <el-input v-model="details.customerInfo.currentLivingArea" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                住址地址详细地址：<el-input v-model="details.customerInfo.detailedLivingAddress " autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                入住时间：<el-input v-model="details.customerInfo.checkInTime" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                        </el-row>
                        <br>
                    </el-row>


                    <el-row>
                        <el-row><h4>身份证正面照</h4></el-row>
                        <div style="width:100%;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;"></div>
                        <br>
                        <el-row>
                            <div style="height: 200px;width: 200px;background-color: silver">
                                <img :src="details.customerInfo.frontPhotoPath" width="200px" height="100px">
                            </div>

                        </el-row>
                    </el-row>
                    <br>

                    <el-row>
                        <el-row> <h4>身份证反面照</h4></el-row>
                        <div style="width:100%;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;"></div>
                        <br>
                        <el-row>
                            <div style="height: 200px;width: 200px;background-color: silver">
                                <img :src="details.customerInfo.reversePhotoPath"  width="200px" height="100px">
                            </div>

                        </el-row>
                    </el-row>
                    <br>

                    <el-row>
                        <el-row> <h4>身份证手持照片</h4></el-row>
                        <div style="width:100%;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;"></div>
                        <br>
                        <el-row>
                            <div style="height: 200px;width: 200px;background-color: silver">
                                <img :src="details.customerInfo.handheldPhotoPath"  width="200px" height="100px">
                            </div>

                        </el-row>
                    </el-row>


                    <br>
                    <el-row class="demo-autocomplete" style=";">
                        <el-row><h4>职业信息</h4></el-row>
                        <div style="width:100%;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;"></div>
                        <br>
                        <el-row>
                            <el-col :span="8">
                                工作单位：<el-input v-model="details.customerInfo.workCompany" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            </el-col>
                            <el-col :span="8">
                                单位性质：<el-input v-model="details.customerInfo.companyProperty" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                所属行业：<el-input v-model="details.customerInfo.industry" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                        </el-row>
                        <br>
                        <el-row>
                            <el-col :span="8">
                                职位基本：<el-input v-model="details.customerInfo.jobLevel" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                入职时间：<el-input v-model="details.customerInfo.entryTime" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                工作年限：<el-input v-model="details.customerInfo.workingYears" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                        </el-row>
                        <br>
                        <el-row>
                            <el-col :span="8">
                                公司规模：<el-input v-model="details.customerInfo.enterpriseSize" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                单位地址：<el-input v-model="details.customerInfo.enterpriseAddress" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                详细地址：<el-input v-model="details.customerInfo.enterpriseDetailAddress" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                        </el-row>
                        <br>
                        <el-row>
                            <el-col :span="8">
                                发薪日：<el-input v-model="details.customerInfo.payday" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                发薪方式：<el-input v-model="details.customerInfo.payMethod" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                月薪：<el-input v-model="details.customerInfo.monthlySalary" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                        </el-row>
                        <br>
                        <el-row>
                            <el-col :span="8">
                                其他收入：<el-input v-model="details.customerInfo.otherIncome" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                企业类型：<el-input v-model="details.customerInfo.companyType" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                成立时间：<el-input v-model="details.customerInfo.establishedTime" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                        </el-row>
                        <br>
                    </el-row>

                    <el-row class="demo-autocomplete" style=";">
                        <el-row><h4>家庭经济</h4></el-row>
                        <div style="width:100%;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;"></div>
                        <br>
                        <el-row>
                            <el-col :span="8">
                                客户月收入：<el-input v-model="details.customerInfo.monthlySalary" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                配偶月收入：<el-input v-model="details.customerInfo.monthlyIncomeOfSpouse" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                家庭月收入：<el-input v-model="details.customerInfo.familyMonthlyIncome" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="8">
                                家庭月支出：<el-input v-model="details.customerInfo.familyMonthlyExpen" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                家庭资产总额：<el-input v-model="details.customerInfo.totalFamilyAssets" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                家庭负载总额：<el-input v-model="details.customerInfo.totalHouseholdDebt" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                        </el-row>
                    </el-row>
                    <br>
                    <el-row class="demo-autocomplete" style=";">
                        <el-row><h4>联系人信息</h4></el-row>
                        <div style="width:100%;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;"></div>
                        <br>
                        <el-row>
                            <el-col :span="8">
                                配偶姓名:<el-input v-model="details.customerInfo.spouseName" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                配偶电话：
                                <el-input v-model="details.customerInfo.spousePhone" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                单位地址/家庭地址:<el-input v-model="details.customerInfo.spouseEnterpriseAddress" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                        </el-row>
                        <br>
                        <el-row>
                            <el-col :span="8">
                                配偶身份证：<el-input v-model="details.customerInfo.spouseIdentityNumber" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                配偶收入：<el-input v-model="details.customerInfo.spouseIncome" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                家庭是否知晓此借款项：<el-input v-model="details.customerInfo.isFamilyKnowLoan" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                        </el-row>
                        <br>
                        <el-row>
                            <el-col :span="8">
                                直系亲属姓名:<el-input v-model="details.customerInfo.immediateFamilyMemberName" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                直系亲属电话：<el-input v-model="details.customerInfo.immediateFamilyMemberPhone" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                            <el-col :span="8">
                                直系亲属单位地址：<el-input v-model="details.customerInfo.immediateFamilyMemberCompanyAddress" autocomplete="off"  size="small"  disabled="disabled"></el-input>
                            </el-col>
                        </el-row>
                    </el-row>



                <br>
                <el-row>
                    <el-row><h4>授信记录</h4></el-row>
                    <div style="width:100%;height:1px;margin:0px auto;padding:0px;background-color:#D5D5D5;overflow:hidden;"></div>
                    <br>

                    <el-table
                            :data="tableData"
                            style="width: 100%;height: 700px"
                            :row-class-name="tableRowClassName"
                            :header-cell-style="{'text-align':'center'}"
                            :cell-style="{'text-align':'center'}">
                        <el-table-column
                                type="index"
                                label="序号"
                                width="50"
                                :index='(index)=>{return (index+1) + (this.currentPage-1)*this.pageSize}'>
                        </el-table-column>
                        <el-table-column
                                type="userInfo.userName"
                                label="操作人"
                                width="100">
                        </el-table-column>
                        <el-table-column
                                type="content"
                                label=内容"
                                width="200">
                        </el-table-column>
                        <el-table-column
                                type="operatingTime"
                                label=操作时间"
                                width="200">
                        </el-table-column>
                    </el-table>
                </el-row>

                <el-footer>
                    <el-row>

                        <el-col :span="12" >
                            <el-button type="success" @click="dialogVisible2 = true" style="right: 20px;position:sticky;">风控审核</el-button>
                        </el-col>
                        <el-dialog title="风控审核" :visible.sync="dialogVisible2">

                                <el-form :model="form">
                                    <el-row>
                                        <el-form-item label="审核结果" :label-width="formLabelWidth"  >
                                            <el-select v-model="auditOpinion" placeholder="请选择"   size="small">
                                        </el-form-item>
                                    </el-row>
                                    <br>
                                    <el-row>
                                        <el-col :span="12">
                                            <el-form-item label="授信额度" :label-width="formLabelWidth"  >
                                                <el-input v-model="form.money" autocomplete="off" disabled="disabled"></el-input>

                                            </el-form-item>

                                        </el-col>
                                        <el-col :span="12">
                                             <el-form-item label="授信额度" :label-width="formLabelWidth"  >

                                              <el-input v-model="form.money" autocomplete="off" disabled="disabled"></el-input>

                                             </el-form-item>
                                        </el-col>
                                    </el-row>
                                    <br>
                                    <el-row>
                                        <el-col :span="12">
                                            <el-form-item label="还款方式" :label-width="formLabelWidth"  >
                                                <el-input v-model="form.money" autocomplete="off" disabled="disabled"></el-input>

                                            </el-form-item>

                                        </el-col>
                                        <el-col :span="12">
                                            <el-form-item label="借款利率" :label-width="formLabelWidth"  >

                                                <el-input v-model="form.money" autocomplete="off" disabled="disabled"></el-input>

                                            </el-form-item>
                                        </el-col>
                                    </el-row>
                                    <br>
                                    <el-row>
                                        <el-col :span="12">
                                            <el-form-item label="罚息率" :label-width="formLabelWidth"  >

                                                <el-input v-model="form.money" autocomplete="off" disabled="disabled"></el-input>

                                            </el-form-item>
                                        </el-col>
                                        <el-col :span="12">
                                            <el-form-item label="结清违约金率" :label-width="formLabelWidth"  >

                                                <el-input v-model="form.money" autocomplete="off" disabled="disabled"></el-input>

                                            </el-form-item>
                                        </el-col>
                                    </el-row>

                                    <br>
                                    <el-row>
                                        <el-col :span="12">
                                            <el-form-item label="手续费支付方式" :label-width="formLabelWidth"  >

                                                <el-input v-model="form.money" autocomplete="off" disabled="disabled"></el-input>

                                            </el-form-item>
                                        </el-col>
                                        <el-col :span="12">
                                            <el-form-item label="资金方" :label-width="formLabelWidth"  >

                                                <el-input v-model="form.money" autocomplete="off" disabled="disabled"></el-input>

                                            </el-form-item>
                                        </el-col>
                                    </el-row>
                                    <br>
                                    <el-row>

                                            <el-form-item label="贷后管理意见" :label-width="formLabelWidth"  >

                                                <el-input v-model="form.money" autocomplete="off" ></el-input>

                                            </el-form-item>
                                    </el-row>
                                    <br>
                                    <el-row>

                                        <el-form-item label="审批意见" :label-width="formLabelWidth"  >

                                            <el-input v-model="form.money" autocomplete="off" ></el-input>

                                        </el-form-item>
                                    </el-row>




                                </el-form>

                            <div slot="footer" class="dialog-footer" >

                                <el-button type="primary" @click="modifyCharger()">确 定</el-button>
                            </div>
                        </el-dialog>
                    </el-row>
                </el-footer>
            </el-row>
        </el-container>
    </div>

</div>
</body>


<script type="text/javascript" >

    let  Cuid ="";
    new Vue({
        el: "#app",
        data: {
            show1:true,
            showmodify:"",
            show2:false,
            currentPage: 1,
            pageSize: 30,
            currentTotal: '',
            tableData: [
                {
                    id: 1,
                    productName:"花呗",
                    name:"张三",
                    applyMoney:"1000000.0",
                    identityNumber:"567890009",
                    periods:"6",
                    ditchAllname:"支付宝",
                    time:"2019-10-12",
                    count:"0",
                    status:"进件中"

                },  {}],//  datas数据 中的数组goods


            restaurants: [],
            conditions:{
                productName:'',
                name:'',
                applyMoney:'',
                identityNumber:'',
                periods:'',
                ditchAllname:'',
                time:'',
                count:'',
                status:''
            },

            options_01: [{
                value: '1',
                label: '进件中'
            }, {
                value: '2',
                label: '放弃申请'
            },{
                value: '2',
                label: '初审通过'
            },{
                value: '3',
                label: '初审驳回'
            },{
                value: '4',
                label: '初审拒绝'
            },{
                value: '5',
                label: '初审驳回'
            },{
                value: '6',
                label: '初审拒绝'
            },{
                value: '7',
                label: '初审通过'
            },{
                value: '8',
                label: '复审通过'
            },{
                value: '9',
                label: '复审驳回'
            },{
                value: '10',
                label: '复审拒绝'
            },{
                value: '11',
                label: '授信审核通过'
            },{
                value: '12',
                label: '授信审核不通过'
            },
                {
                    value: '13',
                    label: '授信审核驳回'
                },  {
                    value: '14',
                    label: '还款中'
                },
                {
                    value: '15',
                    label: '逾期中'
                }, {
                    value: '16',
                    label: '已结清'
                },
            ],

            options_02: [{
                value: '1',
                label: '3'
            }, {
                value: '2',
                label: '6'
            }],
            //*================*/
            dialogVisible0:false,
            dialogVisible1:false,
            dialogVisible2: false,
            modify:{
                id:'',
                applyNum:'',
                status:'',
                applyMoney:'',
                customerInfo:{
                    name:'',
                    telephone:'',
                    identityNumber:'',
                    bankCardIdNumber:'',
                    email:'',
                    nation:'',
                    education:'',
                    maritalStatus:'',
                    healthStatus:'',
                    areaOfAccount:'',
                    detailedAccountAddress:'',
                    accountType:'',
                    currentLivingArea:'',
                    detailedLivingAddress:'',
                    checkInTime:'',
                    frontPhotoPath:'',
                    reversePhotoPath:'',
                    handheldPhotoPath:'',
                    workCompany:'',
                    companyProperty:'',
                    industry:'',
                    jobLevel:'',
                    entryTime:'',
                    workingYears:'',
                    enterpriseSize:'',
                    enterpriseAddress:'',
                    enterpriseDetailAddress:'',
                    payday:'',
                    payMethod:'',
                    monthlySalary:'',
                    otherIncome:'',
                    companyType:'',
                    establishedTime:'',
                    monthlyIncomeOfSpouse:'',
                    familyMonthlyIncome:'',
                    familyMonthlyExpen:'',
                    totalFamilyAssets:'',
                    totalHouseholdDebt:'',
                    spouseName:'',
                    spousePhone:'',
                    spouseEnterpriseAddress:'',
                    spouseIdentityNumber:'',
                    spouseIncome:'',
                    isFamilyKnowLoan:'',
                    immediateFamilyMemberName:'',
                    immediateFamilyMemberPhone:'',
                    immediateFamilyMemberCompanyAddress:'',
                },
                productInfo:{
                    refundType:'',
                    periods:'',
                },
                creditRecordInfo:{
                    coment:'',
                },
                userInfo:{
                    userName:'',
                },
            },
            users: [{
                value: '1',
                label: '张三'
            }, {
                value: '2',
                label: '李四'
            }],
            userName:'',
            desc:"",
            addData:{

                add_name :'',
                add_identityNumber:'',
                add_telephone:'',
                add_productName:'',
            }

        },
        mounted() {
            console.info("开始1");
            this.restaurants = this.loadAll();
            let status="复审中";
            axios.get("reexamine/some?status="+status).then(res=>{
                console.info("开始");
                console.log(res.data);
                if(res.data.code==200){
                    console.info("查询所有数据");
                    console.log(res.data.data);
                    console.info(res.data.data.length);
                    this.tableData=res.data.data;
                    this.currentTotal= res.data.data.length-1;

                }
            });
        },
        methods: {

            queryParams: function (params) {

                //向后端提交数据的入口
                var params = {
                    limit: this.pageSize,//每页显示数量
                    //offset: params.offset,//SQL语句起始索引
                    pageNum: this.currentPage,
                    /* sort: params.sort,//排序的列
                     sortOrder: params.order,//排序规则*/
                    //下面定义更多的参数

                    customerName: this.conditions.name,
                    customerPhone:this.conditions.telephone,
                    CardId: this.conditions.cardId,
                    dicthName:this.dicthName,
                    loanStatus:this.value_01,
                    applyStatus:this.value_02,
                    remark:this.conditions.remark,
                    joinDate:this.joinDate,
                };
                return params;
            },



            handleSizeChange(val) {
                this.pageSize = val;
                console.log(`每页 ${val} 条`);
            },
            handleCurrentChange(val) {
                this.currentPage = val;
                console.log(`当前页: ${val}`);
            },

            querySearch(queryString, cb) {
                var restaurants = this.restaurants;
                var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
                // 调用 callback 返回建议列表的数据
                cb(results);
            },
            createFilter(queryString) {
                return (restaurant) => {
                    return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
                };
            },
            loadAll() {
                return [
                    {"value": "阳阳麻辣烫", "address": "天山西路389号"},
                    {"value": "南拳妈妈龙虾盖浇饭", "address": "普陀区金沙江路1699号鑫乐惠美食广场A13"}
                ];
            },
            handleSelect(item) {
                console.info("pagesize")
                console.log(item);
            },
            find(){
                let params = new URLSearchParams();
                params.append("customerName", this.conditions.name);
                params.append("customerPhone", this.conditions.telephone);
                params.append("CardId", this.conditions.cardId);
                params.append("dicthName", this.dicthName);
                params.append("loanStatus", this.value_01);
                params.append("applyStatus", this.value_02);
                params.append("remark", this.conditions.remark);
                params.append("joinDate", this.joinDate);

                axios.get("apply/page",params).then(res=>{
                    if (res.data.code==200){
                        console.info("条件查询");
                        this.tableData=res.data.list;
                        this.currentTotal=  this.tableData.length-1;
                        console.info(this.currentTotal);
                    }
                });

            },
            upload(){

            },

            //为鼠标移动上去的js样式
            tableRowClassName({row, rowIndex}) {
                if (rowIndex % 2 === 1) {
                    return 'success-row';

                } else if (rowIndex % 2 === 2) {
                    return 'warning-row';
                }
                return '';
            },
            //详情
            handleClick(line) {
                console.info(line.id);
                Cuid=line.id;
                this.show1=! this.show1;
                this.show2=! this.show2;
                axios.get("apply/one?cid="+line.id).then(res=>{

                    if (res.data.code==200){
                        console.log("详情");
                        console.info(res.data.data);
                        let datas=res.data.data;
                        this.consumer.name=datas.name;
                        this.consumer.telephone= datas.telephone;
                        this.consumer.identityNumber=datas.identityNumber;
                        this.consumer.loanStatus=datas.loanStatus;
                        this.consumer.cumulativeLoan=datas.cumulativeLoan;
                        this.consumer.customerNote=datas.customerNote;
                        this.consumer.email=datas.email;
                        this.consumer.nation=datas.nation;
                        this.consumer.education=datas.education;
                        this.consumer.maritalStatus=datas.maritalStatus;
                        this.consumer.healthStatus=datas.healthStatus;
                        this.consumer.areaOfAccount=datas.areaOfAccount;
                        this.consumer.detailedAccountAddress=datas.detailedAccountAddress;
                        this.consumer.accountType=datas.accountType;
                        this.consumer.currentLivingArea=datas.currentLivingArea;
                        this.consumer.checkInTime=datas.checkInTime;
                        this.consumer.frontPhotoPath=datas.frontPhotoPath
                        this.consumer.reversePhotoPath=datas.reversePhotoPath;
                        this.consumer.handheldPhotoPath=datas.handheldPhotoPath;

                    }
                });

            },

            modifyCharger(){
                this.dialogVisible2 = false;
                var params = new URLSearchParams();
                params.append("id", this.Cuid);
                params.append("userName", this.desc);
                params.append("remark", this.desc);

                axios.put("customer/updateMark",params).then(res=>{
                    if(res.data.status==200){
                        console.info(res.data.data)
                    }
                });

            },

            nextPage(){
                this.show1=! this.show1;
            }

        },

    });

    //分页还没写


</script>
</html>